<template>
	<view>
		<view class="flexitem">
			
		<u-empty v-if="!goodDate.length"
				class="empty"
		        mode="data"
		        icon="http://cdn.uviewui.com/uview/empty/car.png"
		>
		</u-empty>
			<view class="gondtime" v-for="(item,index) in goodDate" :key="index">
				<view class="image">
					<image class="poster" :src="item.img" mode="" ></image>
				</view>
			
				<view class="carAndname">
					<text>{{item.name}}</text>
					<view class="carclass">
					<u-icon  size="30" class='car'  name="car"></u-icon>
					</view>
				
				</view>
				<view class="">
					<text>{{item.french}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['goodDate'],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.flexitem{
		display: flex;
		flex-wrap: wrap;
		// justify-content: space-around;
		margin-bottom: 150rpx;
	
		.empty{
		margin-top: 100rpx !important;
			width: 100%;
			height: 50%;
		}
	}
.gondtime{
	width: 350rpx;
	height: 450rpx;
	margin: 30px 13rpx 30px 13rpx ;
	.poster{
		width: 350rpx !important;
		height: 375rpx !important;
		background-color: pink;
	}
	.carAndname{
		display: flex;
		justify-content: space-between;
		
	}
	.carclass{
		.car{
			display: block;
			background: orange;
			margin: auto;
			border-radius: 50%;
		}
	}
		
}
</style>
